<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首页</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet" />
    <link rel="stylesheet" href="http://114.115.133.220/account/src/list/list.css">
    <style>
        body,
        html {
            width: 100%;
            height: 100%;
            background: url("http://114.115.133.220/account/img/bg1.jpg") no-repeat;
        }

        label {
            font-weight: normal;
        }

        .panel-body {
            display: flex;
            align-items: center;
            justify-content: space-around;
        }

        .account-describe {
            width: 120px;
        }

        .sum {
            padding: 0 20px;
            width: 93px;
            overflow: hidden;
            text-align: center;
        }

        .label-remove {
            background-color: red;
        }

        .panel-success>.panel-heading {
            background-color: #d9edf7 !important;
        }

        .label-error {
            background-color: #d9edf7;
        }
    </style>
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-lg-8 col-lg-offset-2">
                <h2 style="margin: 20px 0;color: #ffffff;">记账本</h2>
                <a style="color: #d9edf7;
                border: 1px solid #d9edf7;
                padding: 5px;
                border-radius: 10px;margin-left: 250px;" href="http://114.115.133.220/account/src/account/account.html">添加账单</a>
                <hr />
                <div class="accounts">
                </div>
            </div>
        </div>
    </div>
    <div class="pop">
        <div class="col-xs-12 col-lg-8 col-lg-offset-2">
            <h2>修改 <span class="close">X</span></h2>
            <hr />
            <form>
              <div class="form-group">
                <label for="item">事项</label>
                <input
                  type="text"
                  class="form-control"
                  id="item"
                />
              </div>
              <div class="form-group">
                <label for="time">发生时间</label>
                <input
                  type="text"
                  class="form-control"
                  id="time"
                />
              </div>
              <div class="form-group">
                <label for="type">类型</label>
                <select class="form-control" id="type">
                  <option value="-1">支出</option>
                  <option value="1">收入</option>
                </select>
              </div>
              <div class="form-group">
                <label for="account">金额</label>
                <input
                  type="text"
                  class="form-control"
                  id="account"
                />
              </div>
              
              <div class="form-group">
                <label for="remarks">备注</label>
                <textarea class="form-control" id="remarks"></textarea>
              </div>
              <hr>
              <span class="add-submit">立即修改</span>
            </form>
          </div>
    </div>
    <script src="http://114.115.133.220/account/js/jquery-3.6.0.min.js"></script>
    <script src="http://114.115.133.220/account/js/dialog.min.js"></script>
    <script src="./list.js"></script>
</body>

</html>